<template>
    <div class="options">
        <button>全部</button>
        <span style="color: red; margin-right: 5px; font-size: 18px;">1</span>
        <span >条事件</span>
        <button>已完成:
            <span style="color: red; margin-right: 5px; font-size: 18px;">0</span>
        </button>
        <button>未完成:
            <span style="color: red; margin-right: 5px; font-size: 18px;">1</span>
        </button>
    </div>
</template>
<style scoped>
.options button {
    background: transparent;
    border: 1px double #00bfff;
    color: #666;
    cursor: pointer;
    font-size: 16px;
    font-weight: bolder;
    margin: 10px;
    outline: 0;
    border-radius: 0;
}
.options button:hover{
    color: white;
}
.active, .options button:hover {
    background-color: #fe7345;
}
</style>